<!DOCTYPE html>
<html lang="en">
<head>
	<meta encoding="utf-8" />
	<title>Example</title>
	
	<script src="../lib/jquery-1.4.4.js"></script>
	<script src="../lib/jquery.rdfquery-1.0/dist/js/jquery.rdfquery.core-1.0.js"></script>
  	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="../src/vld.js"></script>
</head>
<body>
	<h1>RDF =&gt; Map</h1>
	<div id="map" style="width: 640px; height: 480px;"></div>
	
	<script>
		$(document).ready(
			function() {
				var centre = new google.maps.LatLng(
					52.4829614,
					-1.893592
				);

				var options = {
					zoom: 6,
					center: centre,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
				
				$('#map').vldMapUrl('data/simple_map.jsonp', options);
			}
		);
	</script>
</body>
</html>